@import "@/styles/variables.scss";

.plan-list-view{

  .top{
    display: flex;
    justify-content: space-between;
    align-items: center;

    .addBtn{
      color: $main-color;
      font-size: $font-size-info;
    }
  }
  .table-view{
    padding-top: $collection-y;

    .tab-opt-view{
      .opt-btn{
        padding-right: $block-x;
      }
    }
  }

  .editDialog{
    .el-dialog{
      .el-dialog__body{
        padding: 0 20px;
      }
    }

  }

  .edit-plan-view{

    .top-view{
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;

      .edit-plan-item{
        display: flex;

        p{
          margin: 0;
          width: 100px;
        }

        .el-input{
          width: 300px;
        }
      }
    }
  }
}
